<ion-header>
  <ion-navbar>
    <ion-title>点餐明细</ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="ion-content">
  <ion-list *ngFor="let din of dinner" no-lines>
    <ion-item class="ion-item">
      <ion-label class="ion-label-name">{{din.name}}</ion-label>
      <ion-label class="ion-label-price">￥{{din.price}}</ion-label>
      <ion-buttons item-end class="ion-buttons">
        <ion-icon name="remove-circle"></ion-icon>
        <span>1</span>
        <ion-icon name="add-circle"></ion-icon>
      </ion-buttons>
    </ion-item>
  </ion-list>
</ion-content>

<ion-footer class="ion-footer">
  <ion-row>
    <div>数量:{{count}}</div>
    <div>总价:{{sum}}</div>
    <div>
      <button ion-button (click)="confirmOrder()" outline>确定</button>
    </div>
  </ion-row>
</ion-footer>
